var area=['30%','80%']
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {
    area=['90%','80%']
}
// 显示签章
// y预览图片
function showImg(e){
  layer.open({
          type:1,
          area:area,
          title:['查看手写签字','background-color:#2b7fe0;color:#fff;'],
          btn:['删除','重写','关闭'],
          content:'<div id="content" style="width:100%;height:100%;background:#eeeeee;text-align:center;"><img class="signImgs" id="signImgs" style="width:100%;max-height:97%" src="'+ $(e).attr('src')+'" /></div>',
          success:function(){
              // $('.layui-layer-close').hide();
            $('.layui-layer-content').css('background','#eeeeee')
              $('.layui-layer-btn0').css({'background':'red','border':'1px solid red'});
              $('.layui-layer-btn1').css({'background':'#2e8ded','color':'#fff','border':'1px solid #2e8ded'});
            var   update = $(e).attr('update');
            if(update!=1){
                $('.layui-layer-btn0').hide();
                  $('.layui-layer-btn1').hide();
            }else{
              $('.layui-layer-btn0').show();
                $('.layui-layer-btn1').show();
            }

              // if(!matchString($('#module').val(),'10')){
              //     $('#signImgs').attr('data-img2blob',$('#signImgs').attr('src'))
              //     $('#signImgs').img2blob({
              //         watermark: '试用',
              //         fontStyle: 'Microsoft YaHei,Arial',
              //         fontSize: '100', // px
              //         fontColor: '#ffffff', // default 'black'
              //         fontX: 130, // The x coordinate where to start painting the text
              //         fontY: 50
              //     });
              // }

          },
          btn1:function(index1){

                  // layer.msg('删除成功', {icon: 1});
                    $(e).before('<input  class="signBtn SmallButtonA" onclick="writeSign($(this));" value="手写" type="button" style="    width: 52px;\n' +
                        '    border: none;height: 21px;font-size: 12px;color: #333;">');
                    $(e).next().val('')
                      $(e).remove();



                layer.close(index1)

          },
          btn2:function(index2){
              $(e).removeAttr('onclick')
              $(e).attr('onclick','writeSign(this)')
              $(e).click();
              layer.close(index2)
          }

      })
}

// 初始化加载签章
function initShowImg(){
  $('.group-fields .field').forEach(function(v,i){
    if($('.group-fields .field').eq(i).find('.ui-btn')!=undefined&&$('.group-fields .field').eq(i).find('.ui-btn').text()=='查看'){
      $.ajax({
        url:'/pda/workflow/writesign.php',
        dataType:'json',
        data:{flow_id:$('.group-fields .field').eq(i).find('.ui-btn').attr('flowId'),
          run_id:$('.group-fields .field').eq(i).find('.ui-btn').attr('runId'),
          item_id:$('.group-fields .field').eq(i).find('.ui-btn').attr('fdata'),
          flag:2},
        type:'post',
        success:function(res){
          if(res.flag == 1){
            $('.group-fields .field').eq(i).find('.ui-btn').html('<img style="height:150%;" src="'+res.img_base+'"/>');
              $('.group-fields .field').eq(i).find('.ui-btn').removeAttr('onclick')
            $('.group-fields .field').eq(i).find('.ui-btn').removeClass('ui-btn-primary')
            if(res.update!=undefined){
               $('.group-fields .field').eq(i).find('.ui-btn').attr('update',res.update)
            }else{
              $('.group-fields .field').eq(i).find('.ui-btn').attr('update',0)
            }
            $('.group-fields .field').eq(i).find('.ui-btn').attr('onclick','showImg('+$('.group-fields .field').eq(i).find('.ui-btn').attr('flowId')+','+$('.group-fields .field').eq(i).find('.ui-btn').attr('runId')+',this)')
          }
        }
      })
    }
  })
}


  // 手写签章
  function writeSign(e){
     layer.open({
             type:1,
             area:area,
             title:['手写签字','background-color:#2b7fe0;color:#fff;'],
             btn:['清屏','确定','关闭'],
            close:true,
             content:'<div id="content" style="width:100%;height:100%;background:#eeeeee;"><div id="signatureparent" style="width:100%;height:97%;"><div id="signatureCon" style="width:100%;height:100%;"></div></div></div>',
             success:function(){
                    // $('.layui-layer-close').text('清屏').removeClass('layui-layer-close').removeClass('layui-layer-ico').removeClass('layui-layer-close1').parent().removeClass('layui-layer-setwin').addClass('clear').css({'position':'absolute','right':'20px','top':'10px','zIndex':'999999999'})
                 // $('.layui-layer-close').hide();
                 $("#signatureCon").jSignature();
                    // $('.clear').click(function(){
                    //     $("#signatureCon").jSignature("clear");
                    // })
                 if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) || /(Android)/i.test(navigator.userAgent)) {
                 }else{
                     $('canvas').height('688px').attr('height','688px')
                 }

             },
             yes:function(index){
                $("#signatureCon").jSignature("clear");
            },
             btn2:function(index){
               var $sigdiv = $("#signatureCon");
               var datapair = $sigdiv.jSignature("getData", "image")
                var i = new Image()
                var src="data:" + datapair[0] + "," + datapair[1];
                // i.src = src ;
                $(i).css({'height':'auto','width':'90%'})
                $.ajax({
                  url:'/uploadBase64',
                  dataType:'json',
                  data:{fileStr:src,module:'writeSign'},
                  type:'post',
                  success:function(res){
                      if(res.flag&&res.obj.length>0){
                          layer.msg('手写成功', {icon: 1});
                            var imgSrc='/xs?'+res.obj[0].attUrl;
                            i.src=imgSrc;
                            var user = workForm.tool.getMacrosData('SYS_USERID')()
                            $(i).attr('onclick','showImg(this)');
                            $(i).attr('update','1');
                            $(i).attr('dataType','1')
                          // alert($('#module').val())

                          if(!matchString($('#module').val(),'10')){
                              $(i).attr('data-img2blob',imgSrc);
                              $(i).addClass('writeSign'+$(e).attr('dataId'))
                              $(i).img2blob({
                                  watermark: '试用',
                                  fontStyle: '楷体',
                                  fontSize: '100', // px
                                  fontColor: 'red', // default 'black'
                                  fontX: 70, // The x coordinate where to start painting the text
                                  fontY: 200
                              });
                              $(e).before(i);
                          }else{
                              $(i).attr('src',imgSrc)
                              $(e).before(i);
                          }

                            $(e).next().attr('value',imgSrc+'|'+user);
                            $(e).remove();
                            layer.close(index)
                      }


                    //         $(e).html(i);
                    //         $(e).removeClass('ui-btn-primary')
                    //         $(e).removeAttr('onclick')
                    //         $(e).attr('fdata',$(e).attr('fdata'))
                    //         $(e).attr('onclick','showImg('+flow_id+','+run_id+',this)')
                    //         $(e).attr('dataType','1')
                    //         if(res.update!=undefined){
                    //            $(e).attr('update',res.update)
                    //         }else{
                    //           $(e).attr('update',0)
                    //         }



                  }
                });

             },
             btn3:function(index){
                   if($(e).attr('dataType')!='1'){
                       $(e).attr('onclick','writeSign(this)')
                   }else{
                     $(e).attr('onclick','showImg(this)')
                   }
             }
         })
   }

//   电脑端显示
function showImgPic(e){
    layer.open({
        type:1,
        title:false,
        // area:['90%','80%'],
        content:'<div id="content" style="width:100%;height:100%;background:#eeeeee;text-align:center;"><img style="width:100%;max-height:97%" src="'+ $(e).attr('src')+'" /></div>',

    })
}
